<!DOCTYPE html>
<html>
    <head>
        <?php include 'include/head.php'; ?>        
        <title>JACOPO GHISLANZONI</title>
        
    </head>
    <body>
        
        <div id="generale">
            <div id="contImg">
               <img src="images/imgfirma.png" alt='sito internet di Jacopo Ghislanzoni'>
            </div>
            <?php include 'include/menu.php'; ?>  
            
            <div id ='languages'>                
                <div id="textLang">
                    <p>
                        <?php echo $lang->aMsg[0]; ?>
                    </p>
                </div>
                
                <a class="icoLang ita" href="index.php?lang=ita" title="facebook">
                    <img src="images/icoita.png" alt="facebook" border="0"/> 
                </a>
                <a class="icoLang eng" href="index.php?lang=eng" title="twitter">
                    <img src="images/icoeng.png" slt="twitter" border="0"/>
                </a>
            </div>
            <div id ='socialNetwork'>
                <div id="textSocial"><p>S<br>o<br>c<br>i<br>a<br>l<br><br> N<br>e<br>t<br>w<br>o<br>r<br>k</p></div>
                <a class="buttonSocial facebook" href="#" title="facebook">
                    <img src="images/fb.png" alt="facebook" border="0"/>
                </a>
                <a class="buttonSocial twitter" href="#" title="twitter">
                    <img src="images/tw.png" alt="twitter" border="0"/>
                </a>
            </div>
   <script>
       var obj = {
           right:"-85px"
       }
       $(document).ready(function() {
           $('#socialNetwork').stop().animate(obj,1000);
           $('#socialNetwork').hover(
           
                function () {$(this).stop().animate({right:'0px'},1000);},
                function () {$(this).stop().animate({right:'-85px'},1000);}
            );   
       });
            //with firefox the writing social network stands still far from the buttons//
   </script> 
   
   <script>
       $(document).ready(function() {
           $('#languages').stop().animate({top:'-35px'},1000);
           $('#languages').hover(
                function () {$(this).animate({top:'0px'},1000);},
                function () {$(this).animate({top:'-35px'},1000);}
            );   
       });
            
   </script> 
   
        </div> 
        <?php include 'include/footer.php';?>
    </body>
</html>
